<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=, initial-scale=1.0">
    <title>css样式-链接</title>
    <style>
        a {
            text-decoration: none;
        }

        .box1 a:link {
            color: rgb(71, 252, 0);
        }

        .box2 a:visited {
            color: rgb(255, 81, 0);
        }


        .box3 a:hover {
            color: #FF00FF;
        }

        .box4 a:active {
            color: #0000FF;
        }
    </style>
</head>

<body>
    <div class="box1">
        <a href="#">link: 未被访问的链接</a>
    </div>
    <div class="box2">
        <a href="#">visited已被访问的链接</a>
    </div>
    <div class="box3">
        <a href="#">hover鼠标指针移动到链接上</a>
    </div>
    <div class="box4">
        <a href="#">active正在被点击的链接,默认是红色</a>
    </div>
</body>

</html>